.app {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.top {
  flex: 0;
  border-bottom: solid 1px var(--adm-color-border);
}

body {
  background-color: #f5f5f5;
}

.body {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  height: 86%;
  width: 100%;
}

.bottom {
  flex: 0;
  border-top: solid 1px var(--adm-color-border);
  z-index: 9999;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  width: 100%;
}

.adm-tab-bar-item-active {
  color: rgb(33, 185, 122) !important;
}

// .dg-enter {
//   transform: translateX(-200px);
//   z-index: 1;
// }

// .dg-enter-active {
//   transition: 1s;
//   transform: translateX(0px);
//   z-index: 1;
// }

// .dg-enter-done {
//   transform: translateX(0px);
//   z-index: 1;
// }

.dg-enter-active {
  // 入场的过渡状态类
  transition: all 1s;
  transform: translate(0, 0) !important;
}

.dg-enter-done {
  // 入场的动画的结束状态类
  // opacity: 0.5;
  transform: translate(0, 0) !important;
}

.dg-enter {
  // 入场的动画开始状态类
  z-index: 5 !important;
  transform: translate(100%, 0);
}

.dg-exit-active {
  // 离场动画
  opacity: 0;
  transition: all 1s;
  transform: translate(-100%, 0) !important;
}

.dg-exit {
  // 离场动画开始
  // transform: translate(0, 0)!important;
}
.dg-exit-done {
  // 离场动画结束
}

// 返回动画
.dg-enter-active {
  // 入场的过渡状态类
  transition: all 1s;
  transform: translate(0, 0) !important;
}
.dg-enter-done {
  // 入场的动画的结束状态类
  // opacity: 0.5;
  transform: translate(0, 0) !important;
}

.dg-enter {
  // 入场的动画开始状态类
  z-index: 5 !important;
  transform: translate(-100%, 0);
}

.dg-exit-active {
  // 离场动画
  opacity: 0;
  transition: all 1s;
  transform: translate(100%, 0) !important;
}

.dg-exit {
  // 离场动画开始
  // transform: translate(0, 0)!important;
}
.dg-exit-done {
  // 离场动画结束
}
